<?php include($_SERVER['DOCUMENT_ROOT'] . "/includes/head.php"); ?>
<script type="text/javascript">
    function iniFun($) {
        $("#code_img").css("left", win_width / 2 - 100);
        $('#qcode').hover(function () {
            $('#code_img').show();
        }, function () {
            $('#code_img').hide();
        });
    }
</script>
<body>
<div id="mainDiv">
    <?php include($_SERVER['DOCUMENT_ROOT'] . "/includes/bar.php"); ?>
    <div class="header">
        <a href="javascript:;" class="header-navigation show-navigation"><i class="fa fa-navicon"></i></a>
    </div>
    <div class="header-clear"></div>
    <!--滚动图片-->
    <div class="slider-container">
        <div class="homepage-slider" data-snap-ignore="true">
            <div>
                <div class="overlay"></div>
                <div class="homepage-slider-caption homepage-left-caption">
                    <h3>隐约的藏匿</h3>

                    <p>藏，未必是逃避；匿，未必是迷失</p>
                </div>
                <img src="//tiannblog.oss-cn-shanghai.aliyuncs.com/images/pictures/slider1.jpg"
                     class="responsive-image" alt="img">
            </div>
            <div>
                <div class="overlay"></div>
                <div class="homepage-slider-caption homepage-center-caption">
                    <h3>纽约的灯海</h3>

                    <p>灯能引路，但太多了，仍然会茫然</p>
                </div>
                <img src="//tiannblog.oss-cn-shanghai.aliyuncs.com/images/pictures/slider2.jpg"
                     class="responsive-image" alt="img">
            </div>
            <div>
                <div class="overlay"></div>
                <div class="homepage-slider-caption homepage-right-caption">
                    <h3>延伸，远方</h3>

                    <p>如果生活像铁轨，简单，却是单调了</p>
                </div>
                <img src="//tiannblog.oss-cn-shanghai.aliyuncs.com/images/pictures/slider3.jpg"
                     class="responsive-image" alt="img">
            </div>
        </div>
    </div>
    <!--滚动图片-结束-->

    <div class="top-call-to-action full-bottom">
        <a href="tel:+86 13148383640"><i class="fa fa-phone"></i> 电话</a>
        <a class="show-share-bottom" href="#"><i class="fa fa-share"></i> 分享</a>
        <a target="_blank" href="https://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=4paMi4yFopSLksyTk8yBjY8"
           style="text-decoration:none;"><i class="fa fa-envelope-o"></i> 邮件</a>
    </div>

    <div class="content">
        <div class="decoration"></div>
        <h2 class="center-text">或许,只是不经意间</h2>

        <p class="center-text">
            当你匆匆走过，是否愿意略停一下脚步，轻轻回头？
            <br>
            走过一段漫长的路，却来不及看看身周的风景。
            <br>
            这，一定不是你曾要的生活，
            <br>
            也一定不是旅行的意义...
        </p>

        <div class="decoration"></div>
    </div>

    <div class="content-strip full-bottom">
        <div class="content-strip-content">
            <h1>还不曾认识我?</h1>

            <p>
                没有关系,只要你愿意,从此,便可以开始了解我!<br>如果可以的话,更希望我也能认识茫茫之中的你...
            </p>
            <a href="/resume.html" class="skeleton-button">开始了解</a>
        </div>
        <div class="content-strip-overlay"></div>
    </div>

    <!--推荐日志-->
    <div class="content">
        <div class="decoration"></div>
        <div class="container no-bottom">
            <!-- Page Columns-->
            <div class="one-half-responsive">
                <p class="thumb-left no-bottom">
                    <img src="//tiannblog.oss-cn-shanghai.aliyuncs.com/images/pictures/index_travel.jpg" alt="img"
                         onclick="javascript:location.href='/hush-Inn/travel/travel_morefar.php';">
                    <strong>或许是长途的旅行了 </strong>
                    <em><br>走了很多地方,看了很多风景,遇见了很多人. </em>
                </p>

                <div class="thumb-clear"></div>
            </div>
            <div class="decoration hide-if-responsive"></div>
            <div class="one-half-responsive last-column">
                <p class="thumb-right no-bottom">
                    <img src="//tiannblog.oss-cn-shanghai.aliyuncs.com/images/pictures/index_diary.jpg" alt="img"
                         onclick="javascript:location.href='/hush-Inn/travel/travel_diary.php';">
                    <strong>没有情调的日记 </strong>
                    <em><br>总在写之前肚中已经侃侃而谈,可写在纸上,却仅有只言片语. </em>
                </p>

                <div class="thumb-clear"></div>
            </div>
            <div class="decoration hide-if-responsive"></div>
            <div class="one-half-responsive">
                <p class="thumb-left no-bottom">
                    <img src="//tiannblog.oss-cn-shanghai.aliyuncs.com/images/pictures/index_mood.jpg" alt="img"
                         onclick="javascript:location.href='/hush-Inn/rest/rest_eating.php';">
                    <strong>各种美食的生活 </strong>
                    <em><br>嘿,一直这样看人家真的好吗?别看了,再看我就把你吃掉. </em>
                </p>

                <div class="thumb-clear"></div>
            </div>
            <div class="decoration hide-if-responsive"></div>
            <div class="one-half-responsive last-column">
                <p class="thumb-right no-bottom">
                    <img src="//tiannblog.oss-cn-shanghai.aliyuncs.com/images/pictures/index_code.jpg" alt="img"
                         onclick="javascript:location.href='/hush-Inn/skill/skill_be.php';">
                    <strong>是该静下心码代码了 </strong>
                    <em><br>兴趣浓郁,研究心切,已然成为饭碗,却没有半点笔墨能为她写点东西. </em>
                </p>

                <div class="thumb-clear"></div>
            </div>
        </div>
        <div class="decoration"></div>
    </div>

    <!-- 标题-照片长廊 -->
    <div class="content-heading">
        <h4>我秀</h4>

        <p>我不帅,只能在这默默臭美下了</p>
        <i class="fa fa-user"></i>

        <div class="overlay"></div>
        <img src="//tiannblog.oss-cn-shanghai.aliyuncs.com/images/pictures/titleImage1.jpg" alt="img">
    </div>
    <!--内容-照片长廊-->
    <div class="content">
        <div class="container no-bottom">
            <h2 class="center-text">照片长廊</h2>

            <p class="center-text">
                容貌只是一具皮囊,可用来欣赏,可用来识别,却不要用来作为看破心尘的顶针...
            </p>
            <ul class="gallery round-thumb homepage-gallery">
                <li><a class="swipebox" href="//tiannblog.oss-cn-shanghai.aliyuncs.com/images/pictures/IMG_001.jpg"
                       title="第一次去动手吧，被女友小拍一张"><img
                            src="//tiannblog.oss-cn-shanghai.aliyuncs.com/images/pictures/IMG_001s.jpg" alt="img"/></a>
                </li>
                <li><a class="swipebox" href="//tiannblog.oss-cn-shanghai.aliyuncs.com/images/pictures/IMG_002.jpg"
                       title="在大学寝室中扮冷酷..."><img
                            src="//tiannblog.oss-cn-shanghai.aliyuncs.com/images/pictures/IMG_002s.jpg" alt="img"/></a>
                </li>
                <li><a class="swipebox" href="//tiannblog.oss-cn-shanghai.aliyuncs.com/images/pictures/IMG_003.jpg"
                       title="宁波出差时，在面馆吃午饭随手一拍，发现效果还行，吼吼"><img
                            src="//tiannblog.oss-cn-shanghai.aliyuncs.com/images/pictures/IMG_003s.jpg" alt="img"/></a>
                </li>
                <li><a class="swipebox" href="//tiannblog.oss-cn-shanghai.aliyuncs.com/images/pictures/IMG_004.jpg"
                       title="大一，与别的班级联谊去象山，一妹子拍的"><img
                            src="//tiannblog.oss-cn-shanghai.aliyuncs.com/images/pictures/IMG_004s.jpg" alt="img"/></a>
                </li>
                <li><a class="swipebox" href="//tiannblog.oss-cn-shanghai.aliyuncs.com/images/pictures/IMG_005.jpg"
                       title="在姨妈家第一次尝试45度角自拍，额"><img
                            src="//tiannblog.oss-cn-shanghai.aliyuncs.com/images/pictures/IMG_005s.jpg" alt="img"/></a>
                </li>
                <li><a class="swipebox" href="//tiannblog.oss-cn-shanghai.aliyuncs.com/images/pictures/IMG_006.jpg"
                       title="大学宿舍，趁没人，拿室友的帽子摆拍，哈哈，少见的有点感觉的一张"><img
                            src="//tiannblog.oss-cn-shanghai.aliyuncs.com/images/pictures/IMG_006s.jpg" alt="img"/></a>
                </li>
                <li><a class="swipebox" href="//tiannblog.oss-cn-shanghai.aliyuncs.com/images/pictures/IMG_007.jpg"
                       title="舟山一人游，面朝大海，趁落日前小小装一下"><img
                            src="//tiannblog.oss-cn-shanghai.aliyuncs.com/images/pictures/IMG_007s.jpg" alt="img"/></a>
                </li>
                <li><a class="swipebox" href="//tiannblog.oss-cn-shanghai.aliyuncs.com/images/pictures/IMG_008.jpg"
                       title="哈哈，见一次笑一次，在海南，想来个跳拍，结果帽子很调皮地掉下，还刚好被准确拍下..."><img
                            src="//tiannblog.oss-cn-shanghai.aliyuncs.com/images/pictures/IMG_008s.jpg" alt="img"/></a>
                </li>
                <li><a class="swipebox" href="//tiannblog.oss-cn-shanghai.aliyuncs.com/images/pictures/IMG_009.jpg"
                       title="海南，第一次潜水。教练你骗我！说鱼可以带走，先放在包的袋子里，那袋子下面有个大大的洞 >_<"><img
                            src="//tiannblog.oss-cn-shanghai.aliyuncs.com/images/pictures/IMG_009s.jpg" alt="img"/></a>
                </li>
                <li><a class="swipebox" href="//tiannblog.oss-cn-shanghai.aliyuncs.com/images/pictures/IMG_010.jpg"
                       title="和初中的小伙伴去一睹庐山真容，云海很美"><img
                            src="//tiannblog.oss-cn-shanghai.aliyuncs.com/images/pictures/IMG_010s.jpg" alt="img"/></a>
                </li>
                <li><a class="swipebox" href="//tiannblog.oss-cn-shanghai.aliyuncs.com/images/pictures/IMG_011.jpg"
                       title="上海东方明珠塔，第一次踏入时，第一次体会到这场景，其实我的腿是微微一软的，但后来就玩开心了，嘿嘿"><img
                            src="//tiannblog.oss-cn-shanghai.aliyuncs.com/images/pictures/IMG_011s.jpg" alt="img"/></a>
                </li>
                <li><a class="swipebox" href="//tiannblog.oss-cn-shanghai.aliyuncs.com/images/pictures/IMG_012.jpg"
                       title="我不会告诉你，这是我躲在窗帘后面拍的...忽略忽略"><img
                            src="//tiannblog.oss-cn-shanghai.aliyuncs.com/images/pictures/IMG_012s.jpg" alt="img"/></a>
                </li>
            </ul>
        </div>
        <!--<div class="decoration"></div>-->
    </div>

    <!-- 标题-推荐 -->
    <div class="content-heading">
        <h4>推荐</h4>

        <p>分享一些我喜欢的站点</p>
        <i class="fa fa-star"></i>

        <div class="overlay"></div>
        <img src="//tiannblog.oss-cn-shanghai.aliyuncs.com/images/pictures/titleImage2.jpg" alt="img">
    </div>

    <!-- 内容-推荐 -->
    <div class="content">
        <div class="decoration"></div>
        <!-- Staff Slider-->
        <div class="container">
            <a href="#" class="next-staff"></a>
            <a href="#" class="prev-staff"></a>

            <div class="staff-slider">
                <div>
                    <div class="staff-item">
                        <img src="//tiannblog.oss-cn-shanghai.aliyuncs.com/images/pictures/tuiku.jpg" alt="img">
                        <h4>推酷</h4>
                        <em>资讯分享网</em>
                        <strong>画风很简洁,内容偏向科技类的一个资讯网,没事的时候看看挺不错的,关注它很久了</strong>
                        <a target="_blank" href="http://www.tuicool.com"
                           class="button button-green center-button">狂推</a>
                    </div>
                </div>
                <div>
                    <div class="staff-item">
                        <img src="//tiannblog.oss-cn-shanghai.aliyuncs.com/images/pictures/lanrtk.jpg" alt="img">
                        <h4>懒人图库</h4>
                        <em>设计素材网</em>
                        <strong>专注于提供网页素材下载，目标做成国内最大的网页素材下载站。还是挺不错滴。</strong>
                        <a target="_blank" href="http://www.lanrentuku.com/"
                           class="button button-orange center-button">盗图</a>
                    </div>
                </div>
                <div>
                    <div class="staff-item">
                        <img src="//tiannblog.oss-cn-shanghai.aliyuncs.com/images/pictures/dewen.jpg" alt="img">
                        <h4>德问</h4>
                        <em>程序员提问网</em>
                        <strong>尊德性，道问学，以致知。编程领域的社交问答。解答各类编程问题，交流与扩展专业知识。</strong>
                        <a target="_blank" href="http://www.dewen.net.cn/"
                           class="button button-dark center-button">去问</a>
                    </div>
                </div>
                <div>
                    <div class="staff-item">
                        <img src="//tiannblog.oss-cn-shanghai.aliyuncs.com/images/pictures/topit.jpg" alt="img">
                        <h4>Topit</h4>
                        <em>图片分享网</em>
                        <strong>不是让你当相册的,一直以来最喜欢图片网,可以纯粹地读图欣赏,虽然有日志功能,但,把他忽略吧..</strong>
                        <a target="_blank" href="http://www.topit.me" class="button button-red center-button">抓图</a>
                    </div>
                </div>
                <div>
                    <div class="staff-item">
                        <img src="//tiannblog.oss-cn-shanghai.aliyuncs.com/images/pictures/yuelx.png" alt="img">
                        <h4>悦旅行</h4>
                        <em>旅行分享网</em>
                        <strong>不辜负每个周末的唯美系网,爱旅游,爱她.我还曾投过稿,但因文采和拍摄水平所限,只录取了攻略..</strong>
                        <a target="_blank" href="http://www.yuelvxing.com"
                           class="button button-blue center-button">走起</a>
                    </div>
                </div>
                <div>
                    <div class="staff-item">
                        <img src="//tiannblog.oss-cn-shanghai.aliyuncs.com/images/pictures/qsbk.jpg" alt="img">
                        <h4>糗事百科</h4>
                        <em>糗事分享网</em>
                        <strong>这个网其实不用多介绍吧，好多年了。号称是这个星球上最暴笑的真实糗事分享。</strong>
                        <a target="_blank" href="http://www.qiushibaike.com/"
                           class="button button-yellow center-button">求笑</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="decoration"></div>
    </div>

    <!-- 标题-评价 -->
    <div class="content-heading">
        <h4>评价</h4>

        <p>朋友眼中的我</p>
        <i class="fa fa-quote-right"></i>

        <div class="overlay"></div>
        <img src="//tiannblog.oss-cn-shanghai.aliyuncs.com/images/pictures/titleImage3.jpg" alt="img">
    </div>

    <!-- 内容-评价 -->
    <div class="content">
        <div class="quote-slider full-bottom">
            <div>
                <h4>
                    哈哈哈 田同学 初中的时候坐在我前面的嘛 对不对 数理科都比我好成绩也比我好 有时候不懂得都会问你的对不对 印象里你就很博学哈 什么都不懂 小百科～以前肯定被我烦到过是不是 哈哈
                    不过你那么绅士肯定不会介意啦～～
                </h4>
                <a href="#">同学 - 糖糖</a>
            </div>
            <div>
                <h4>
                    空虚待入..
                </h4>
                <a href="#">我的谁? - 那啥</a>
            </div>
            <div>
                <h4>
                    空虚待入..
                </h4>
                <a href="#">我的谁? - 那啥</a>
            </div>
        </div>
        <div class="decoration"></div>
    </div>


    <!-- 页脚-->
    <div class="footer">
        <div class="footer-socials half-bottom" style="text-align: center;">
            <a href="https://sighttp.qq.com/authd?IDKEY=34161cc36629372578e4f628df7cd567924fb4e1fba9336a"
               target="_blank"
               class="footer-QQ"><i class="fa fa-qq"></i></a>
            <a href="https://weibo.com/52131420" target="_blank" class="footer-weibo"><i class="fa fa-weibo"></i></a>
            <a href="//tiannblog.oss-cn-shanghai.aliyuncs.com/images/pictures/tiann200.png" target="_blank"
               id="qcode" class="footer-share"><i
                    class="fa fa-weixin"></i></a>
            <a target="_blank" href="https://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=4paMi4yFopSLksyTk8yBjY8"
               class="footer-email"><i class="fa fa-envelope-o"></i></a>
            <!--<a href="#" class="footer-share show-share-bottom"><i class="fa fa-at"></i></a>-->
            <a href="#" class="footer-up"><i class="fa fa-angle-up"></i></a>
        </div>
        <p class="center-text"></p>

        <!--二维码框-->
        <div id="code_img"></div>
        <!--<p class="center-text">Copyright 2015. All rights reserved.</p>-->
    </div>
    <?php include($_SERVER['DOCUMENT_ROOT'] . "/includes/share.php"); ?>
</div>
</body>
<!--http://qr.liantu.com/api.php?w=200&el=l&fg=00aeef&pt=a0a0a0&inpt=a0a0a0&text=http%3a%2f%2fweixin.qq.com%2fr%2fqfvfx5vE68aUrd_k9667-->



